<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>Topics</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="../vendors/font-awesome.min.css">
	<link rel="stylesheet" href="../styles.css">

</head>

<body>

<div class="layout">
	<div class="layout__header">
		<div class="header__logo_wrapper">
			<a class="header__logo" href="#">Spirit</a>
		</div>

		<ul class="header__tabs">
			<li><a class="header__tabs__item" href="#"><i class="fa fa-search"></i></a></li>
			<li><a class="header__tabs__item is-highlighted" href="#"><i class="fa fa-bell"></i></a></li>
			<li><a class="header__tabs__item" href="#">nitely <i class="fa fa-chevron-down"></i></a></li>
		</ul>

		<div class="header__tabs_content">
			<div class="header__tabs_content__tab">
				<nav class="header__tab__nav">
					<ul class="menu_list">
						<li><a class="menu_list__link" href="#">Mi cuenta</a></li>
						<li><a class="menu_list__link" href="#">Ultimos topics</a></li>
						<li><a class="menu_list__link" href="#">Topics privados</a></li>
					</ul>
				</nav>
			</div>
			<div class="header__tabs_content__tab">
				<div class="header__tab__bell">
					<ul>
						<li><a href="#">nitely respondio en How are you doing today? <span class="unread">unread</span></a></li>
						<li><a href="#">nitely respondio en How are you doing today?</a></li>
						<li><a href="#">Mas</a></li>
					</ul>
				</div>
			</div>
			<div class="header__tabs_content__tab">
				<div class="header__tab__search">
					<form action=".">
						<div class="field">
							<input id="id_field1" type="text" value="" />
						</div>
						<input class="button" type="submit" value="Search" />
					</form>
				</div>
			</div>

		</div>

	</div>

	<div class="layout__article"></div>
	<div class="layout__footer">
		<a class="footer__logo" href="http://www.spirit-project.com" >Spirit</a>
	</div>
</div>

</body>

</html>
